<template>
  <div>
    <component :is="a" creditCode="9111010823878874X5" :params="params"></component>
    <el-input v-model="value1"></el-input>
    {{ value2 }}
    ---
    {{ value3 }}
    <el-input v-model="value4"></el-input>
    {{value5}}
  </div>
</template>

<script setup lang="ts">
import a from '@/views/datacenter/comprehensiveQueries/components/NewKeywords/components/PensionInformation/index.vue'
import {components} from '@/views/instOperate/components/ApplyReport/components/config'
import {EncodeUtf8,revertUTF8} from '@/views/oneStopOffice/utils/index'
const params = {
  belongDate:'2024-01'
}

let value1 = ref('')
let value2 = computed(()=>{
  return EncodeUtf8(value1.value)
})
let value3 = computed(()=>{
  return revertUTF8(value2.value)
})
let value4 = ref('')
let value5 = computed(()=>{
  return revertUTF8(value4.value)
})


</script>

<style scoped>

</style>
